<template>
  <!-- <list-content></list-content> -->
  <!-- <char-view></char-view> -->
  <!-- <local-chat></local-chat> -->
  <!-- <position></position> -->
  <!-- <study-demo></study-demo> -->
  <!-- <web-socket></web-socket> -->
  <!-- <login></login> -->
  <!-- <div class="main_div"> 
        <router-view></router-view>
  </div> -->
  <!-- <log-file></log-file> -->
  <!-- <saas-main/> -->
  <!-- <event-source></event-source> -->
  <!-- <deep-seek-chat></deep-seek-chat> -->
  <!-- <GPT-Chat></GPT-Chat> -->
  <!-- <activity-list></activity-list> -->
  <copilot></copilot>
</template>
 
<script>
import LogFile from './components/LogFile.vue';
import CharView from './components/CharView.vue';
import ListContent from './components/ListContent.vue';
import LocalChat from './components/LocalChat.vue';
import WebSocket from './components/WebSocket.vue';
import Position from './study/position.vue';
import StudyDemo from './study/StudyDemo1.vue';
import Login from './components/Login.vue';
import Main from './components/Main.vue';
import EventSource from './components/EventSource.vue';
import DeepSeekChat from './components/DeepSeekChat.vue';
import GPTChat from './components/GPTChat.vue';
import ActivityList from './components/ActivityList.vue';
import Copilot from './components/Copilot.vue';
// import SaasMain from './saas/SaasMain.vue';

export default {
  components: {
    'log-file': LogFile,
    'char-view': CharView,
    'web-socket': WebSocket,
    'list-content': ListContent,
    'local-chat': LocalChat,
    'position': Position,
    'login': Login,
    'main': Main,
    'deep-seek-chat': DeepSeekChat,
    'event-source': EventSource,
    // 'saas-main': SaasMain,
    'study-demo': StudyDemo,
    'activity-list': ActivityList,
    'copilot': Copilot,
    'GPT-Chat': GPTChat
  }
}
</script>

<style>

.main_div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

</style>

